<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/semantic.css">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/cola.css">
	<script src="../../resources/jquery-2.1.3.js"></script>
	<script src="../../resources/cola-ui/3rd.js"></script>
	<script src="../../resources/cola-ui/semantic.js"></script>
	<script src="../../resources/cola-ui/cola.js"></script>
	<script src="../../resources/cola-ui/i18n/zh/cola.js"></script>

	<script type="text/javascript">
		cola(function (model) {
			model.set({
				num1: 3,
				num2: 5
			});
			model.action({
				multiply: function (num1, num2) {
					return num1 * num2;
				}
			});
		});
	</script>
</head>
<body style="padding:1em">
	<input c-bind="num1" type="number" style="width:60px">
	x
	<input c-bind="num2" type="number" style="width:60px">
	=
	<span c-bind="'$' + (num1 * num2)"></span>
</body>
</html>